<template>
  <div class="personal-container">
      <div class="personal-from">
<el-form ref="form" :model="form" label-width="80px">
  <el-form-item label="用户名">
    <el-input v-model="form.name"  placeholder="用户名"  type="text" autocomplete="off"></el-input>
  </el-form-item>
   <el-form-item label="密码">
    <el-input v-model="form.password" placeholder="密码"  type="password" autocomplete="off"></el-input>
  </el-form-item>
  <el-form-item label="目标院校">
    <el-input v-model="form.school"  placeholder="目标院校"  type="text" autocomplete="off"></el-input>
  </el-form-item>
  <el-form-item label="邮箱">
    <el-input v-model="form.email"  placeholder="邮箱"  type="text" autocomplete="off"></el-input>
  </el-form-item>
  <el-form-item label="qq号码">
    <el-input v-model="form.qq"  placeholder="qq号码"  type="text" autocomplete="off"></el-input>
  </el-form-item>
    <el-form-item label="手机号码">
    <el-input v-model="form.mobile"  placeholder="手机号码"  type="text" autocomplete="off"></el-input>
  </el-form-item>
  
  <el-form-item label="性别">
    <el-radio-group v-model="form.sex">
      <el-radio label="男"></el-radio>
      <el-radio label="女"></el-radio>
    </el-radio-group>
  </el-form-item>
 
  <el-form-item>
    <el-button type="primary" @click="onSubmit">提交</el-button>

  </el-form-item>
</el-form>
      </div>
  </div>
</template>

<script>
export default {
data() {
      return {
        form: {
          name: '',
          sex: '',
          password:"",
          school:"",
          email:"",
          qq:"",
          mobile:""
       
        }
      }
    },
    methods: {
      onSubmit() {
          console.log(this.form.sex);
        console.log('submit!');
      }
    }
}
</script>

<style lang="scss" scoped>
.personal-container{
    width: 100%;
    height: 500px;
    background: white;
}
.personal-from{
    width: 1000px;
  padding-top:30px;
  float: right;
  padding-right:50px ;
}
</style>